@charset "utf-8";
a {text-decoration:none;color:#000;}
.main {width:1300px;margin:0 auto;}
.main2 {width:1210px;margin:0 auto;}
/* float */
.float-l {float:left;}
.float-r {float:right;}

/* font-size */
.font-siz12 {font-size:12px;}
.font-siz14 {font-size:14px;}

.font-siz18 {font-size:18px;}
.font-siz20 {font-size:20px;}
/* clear */
.clearFixed::after{
	content:"";
	display:block;
	clear:both;
	height:0;
	overflow:hidden;
	visibility:hidden;

}
.flex{
	display: flex;
}
.flex2{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

body,html{
	width: 100%;
	height: 100%;
}

/* header */
#box header{
	height: 98px;
}

#box header .flex2 .left div{
	font-size: 22px;
    color: #999;
    vertical-align: middle;
	border-left: 1.5px solid #ccc;
	height: 44px;
	line-height: 44px;
	margin-left: 20px;
	padding-left: 20px;
}
#box header .flex2 .right p{
	margin-left: 5px;
}
#box content .con{
	height: 584px;
	width: 100%;
	background: #262626;
	position: relative;
}
#box content .bcg img{
	height: 584px;	
}

/* 登录盒子 */
#box content .con .login{
	width: 400px;
	height: 524px;
	background: #fff;
	position: relative;
	right: -782px;
	top:-558px ;
	
}
#box content .con .login .main3{
	width: 338px;
	margin: 0 auto;
}
#box content .con .login .top{
	font-size: 20px;
	height: 88px;
	line-height: 88px;
	vertical-align: middle;
}
#box content .con .login .top span{
	width:166px ;
	text-align: center;
	display: inline-block;
}
#box content .con .login form input.userName,.pwd,.sub{
	width: 338px;
	height: 50px;
	margin-bottom: 16px;
}
#box content .con .login form input.userName,.pwd{
	text-indent: 20px;
}
#box content .con .login form input.sub{
	background: #000000;
	border:none;
	width: 342px;
	font-size: 18px;
	color: #fff;
	margin-top: 38px;
}
#box content .con .login form input.sub:hover{
	background: #a60000;
	transition: all linear 0.5s;
}
#box content .con .login form .flex2{
	font-size: 14px;
	color: #999;
}
#box content .con .login form .flex2 input{
	width: 14px;
	height: 14px;
}

#box content .con .login .other{
	height: 16px;
	margin-left: -30px;
	margin-top: 80px;
	background: url("http://www.5lux.com/vendor/images/5lux/login/new/other-type.jpg")no-repeat ;
}

#box content .con .login ul{
	width: 212px;
	height: 74px;
	align-items: center;
	justify-content: space-around;
	margin: 0 auto;
}
#box content .con .login ul li{
	width: 32px;
	height: 32px;
	
}
#box content .con .login ul .wx{
	background: url("http://www.5lux.com/vendor/images/5lux/login/new/is_wx.png")no-repeat;
}
#box content .con .login ul .wx:hover{
	background: url("http://www.5lux.com/vendor/images/5lux/login/new/is_wx_sel.png")no-repeat;
}
#box content .con .login ul .qq{
	background: url("http://www.5lux.com/vendor/images/5lux/login/new/is_qq.png")no-repeat;
}
#box content .con .login ul .qq:hover{
	background: url("http://www.5lux.com/vendor/images/5lux/login/new/is_qq_sel.png")no-repeat;
}
#box content .con .login ul .wb{
	background: url("http://www.5lux.com/vendor/images/5lux/login/new/is_wb.png")no-repeat;
}
#box content .con .login ul .wb:hover{
	background: url("http://www.5lux.com/vendor/images/5lux/login/new/is_wb_sel.png")no-repeat;
}